Skip to content

Use a relative timestamp for the All Messages view Time sent column - #3112

Merged
ramonsmits merged 2 commits into
ramon/audit-search-historyfrom
ramon/audit-timestamps
Sep 10, 2026
Merged

Use a relative timestamp for the All Messages view Time sent column#3112
ramonsmits merged 2 commits into
ramon/audit-search-historyfrom
ramon/audit-timestamps

Conversation

@ramonsmits

@ramonsmits ramonsmits commented Sep 7, 2026

Copy link
Copy Markdown
Member

Stacked on:

Timestamp presentation in the All Messages list.

  • Age-adaptive Time Sent: time only for today, yesterday 14:32, weekday names within the past week, the regular browser format beyond, with a live relative label (3 minutes ago) and the full timestamp in both zones as tooltip
  • Times: local|UTC toggle on the results line flips every timestamp to UTC wall-clock time, persisted per browser. Review note: an app-wide setting was suggested; that is deliberately left for a separate issue, this PR keeps the per-view toggle
  • ran 3 minutes ago on the results line says when the current results were fetched
  • Aligned row columns: the columns are defined once on the list and shared by every row via subgrid, so nothing wraps mid-label and rows lay out identically

Review feedback applied: the age no longer has a column of its own. It follows the timestamp it belongs to, muted, as the last cell of the metrics line: Time Sent: 8:57 AM · 4 minutes ago, left aligned like the id and the metrics next to it, so the age is explained by the label it sits next to. Time Sent stays on the metrics line with the other data cells. The subgrid stays for the alignment; the age is hidden on narrow screens.

Comment thread src/Frontend/src/components/audit/AuditList.vue Outdated
Comment thread src/Frontend/src/components/audit/AuditListItem.vue Outdated
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch 2 times, most recently from 7390049 to 4d6df33 Compare September 9, 2026 06:38
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 4d6df33 to 231be7c Compare September 9, 2026 06:47
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 231be7c to 898658c Compare September 9, 2026 06:55
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch 3 times, most recently from cba5745 to efbd2b9 Compare September 9, 2026 07:43
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from efbd2b9 to 6ab85f7 Compare September 9, 2026 08:02
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from b24f1dc to 24dba1f Compare September 9, 2026 09:25
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 24dba1f to 6a96fb8 Compare September 9, 2026 10:19
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 6a96fb8 to 311757a Compare September 9, 2026 12:05
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 311757a to ec63e96 Compare September 9, 2026 12:20
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from e20bb59 to 91709b0 Compare September 10, 2026 08:58
Time Sent adapts to age: time only for today, "yesterday 14:32" and
weekday names for the past week, the regular browser format beyond,
with a live coarse relative label and the full timestamp in both zones
as tooltip. A "Times: local|UTC" toggle on the results line flips every
timestamp to UTC wall-clock time (day boundaries included), persisted
per browser. The results line also shows when the current results were
fetched ("ran 3 minutes ago", exact timestamp as tooltip); that is
forgotten with the results when the view is left.
…e Sent

The audit row's grid gave every column an equal share, so short metric
cells sat on unused whitespace while a long Time Sent value wrapped
mid-label, and because every row was its own grid, a row with
"yesterday 8:22:30 PM" laid out differently from its neighbours.

The columns are now declared once on the list and shared by every row
via subgrid: each value column is never narrower than its widest value
in the list (nothing wraps) and the leftover width is shared equally,
so the columns spread out on wide screens. The message type owns the
top line; the id, the three metrics and Time Sent share the bottom
line, left aligned. The age follows the timestamp it belongs to, muted
("9:25 AM · 4 minutes ago"), rather than sitting in an unlabeled column
of its own; it hides below Bootstrap's lg breakpoint. Both style
blocks explain the mechanism in words.
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 91709b0 to 04fe710 Compare September 10, 2026 09:56
@ramonsmits
ramonsmits merged commit e0e5e72 into master Sep 10, 2026
9 checks passed
@ramonsmits
ramonsmits deleted the ramon/audit-timestamps branch September 10, 2026 10:20
@ramonsmits ramonsmits changed the title Age-adaptive timestamps and aligned row columns in All Messages All Message Time sent column shown as 'xx minutes/hours/yesterday (ago)' Sep 10, 2026
@ramonsmits ramonsmits changed the title All Message Time sent column shown as 'xx minutes/hours/yesterday (ago)' Use a relative timestamp for the All Messages view Time sent column Sep 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Improvement Improvement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants